.f-l {
    float: left;
}

.f-r {
    float: right;
}

.clear-l {
    clear: left;
}

.clear-r {
    clear: right;
}

.clear {
    clear: both;
}

.t-a-l {
    text-align: left;
}

.t-a-r {
    text-align: right;
}

.t-a-c {
    text-align: center;
}

/* margins */


.m-0 {
    margin: 0;
}

.m-5 {
    margin: 5px;
}

.m-10 {
    margin: 10px;
}

.m-20 {
    margin: 20px;
}

.m-30 {
    margin: 30px;
}

.m-40 {
    margin: 40px;
}

.m-50 {
    margin: 50px;
}

/* margin horizontal */

.m-horizontal-auto,
.m-h-auto,
.m-auto {
    margin-left: auto;
    margin-right: auto;
}

.m-h-0 {
    margin-left: 0;
    margin-right: 0;
}

.m-h-5 {
    margin-left: 5px;
    margin-right: 5px;
}

.m-h-10 {
    margin-left: 10px;
    margin-right: 10px;
}

.m-h-20 {
    margin-left: 20px;
    margin-right: 20px;
}

.m-h-30 {
    margin-left: 30px;
    margin-right: 30px;
}

.m-h-40 {
    margin-left: 40px;
    margin-right: 40px;
}

.m-h-50 {
    margin-left: 50px;
    margin-right: 50px;
}

/* margin vertical */

.m-v-0 {
    margin-top: 0;
    margin-bottom: 0;
}

.m-v-5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.m-v-10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.m-v-20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.m-v-30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.m-v-40 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.m-v-50 {
    margin-top: 50px;
    margin-bottom: 50px;
}

.m-t-0 {
    margin-top: 0;
}

.m-t-5 {
    margin-top: 5px;
}

.m-t-10 {
    margin-top: 10px;
}

.m-t-20 {
    margin-top: 20px;
}

.m-t-30 {
    margin-top: 30px;
}

.m-t-40 {
    margin-top: 40px;
}

.m-t-50 {
    margin-top: 50px;
}

.m-b-0 {
    margin-bottom: 0;
}

.m-b-5 {
    margin-bottom: 5px;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-b-20 {
    margin-bottom: 20px;
}

.m-b-30 {
    margin-bottom: 30px;
}

.m-b-40 {
    margin-bottom: 40px;
}

.m-b-50 {
    margin-bottom: 50px;
}

.m-l-0 {
    margin-left: 0;
}

.m-l-5 {
    margin-left: 5px;
}

.m-l-10 {
    margin-left: 10px;
}

.m-l-20 {
    margin-left: 20px;
}

.m-l-30 {
    margin-left: 30px;
}

.m-l-40 {
    margin-left: 40px;
}

.m-l-50 {
    margin-left: 50px;
}

.m-r-0 {
    margin-right: 0;
}

.m-r-5 {
    margin-right: 5px;
}

.m-r-10 {
    margin-right: 10px;
}

.m-r-20 {
    margin-right: 20px;
}

.m-r-30 {
    margin-right: 30px;
}

.m-r-40 {
    margin-right: 40px;
}

.m-r-50 {
    margin-right: 50px;
}


/* paddings */


.p-0 {
    padding: 0;
}

.p-5 {
    padding: 5px;
}

.p-10 {
    padding: 10px;
}

.p-20 {
    padding: 20px;
}

.p-30 {
    padding: 30px;
}

.p-40 {
    padding: 40px;
}

.p-50 {
    padding: 50px;
}

/* padding horizontal */

.p-h-0 {
    padding-left: 0;
    padding-right: 0;
}

.p-h-5 {
    padding-left: 5px;
    padding-right: 5px;
}

.p-h-10 {
    padding-left: 10px;
    padding-right: 10px;
}

.p-h-20 {
    padding-left: 20px;
    padding-right: 20px;
}

.p-h-30 {
    padding-left: 30px;
    padding-right: 30px;
}

.p-h-40 {
    padding-left: 40px;
    padding-right: 40px;
}

.p-h-50 {
    padding-left: 50px;
    padding-right: 50px;
}

/* padding vertical */

.p-v-0 {
    padding-top: 0;
    padding-bottom: 0;
}

.p-v-5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.p-v-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.p-v-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.p-v-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.p-v-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.p-v-50 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.p-t-0 {
    padding-top: 0;
}

.p-t-5 {
    padding-top: 5px;
}

.p-t-10 {
    padding-top: 10px;
}

.p-t-20 {
    padding-top: 20px;
}

.p-t-30 {
    padding-top: 30px;
}

.p-t-40 {
    padding-top: 40px;
}

.p-t-50 {
    padding-top: 50px;
}

.p-b-0 {
    padding-bottom: 0;
}

.p-b-5 {
    padding-bottom: 5px;
}

.p-b-10 {
    padding-bottom: 10px;
}

.p-b-20 {
    padding-bottom: 20px;
}

.p-b-30 {
    padding-bottom: 30px;
}

.p-b-40 {
    padding-bottom: 40px;
}

.p-b-50 {
    padding-bottom: 50px;
}

.p-l-0 {
    padding-left: 0;
}

.p-l-5 {
    padding-left: 5px;
}

.p-l-10 {
    padding-left: 10px;
}

.p-l-20 {
    padding-left: 20px;
}

.p-l-30 {
    padding-left: 30px;
}

.p-l-40 {
    padding-left: 40px;
}

.p-l-50 {
    padding-left: 50px;
}

.p-r-0 {
    padding-right: 0;
}

.p-r-5 {
    padding-right: 5px;
}

.p-r-10 {
    padding-right: 10px;
}

.p-r-20 {
    padding-right: 20px;
}

.p-r-30 {
    padding-right: 30px;
}

.p-r-40 {
    padding-right: 40px;
}

.p-r-50 {
    padding-right: 50px;
}


/* colors */


.red {
    color: red;
}

.blue {
    color: blue;
}

.green {
    color: green;
}

.white {
    color: white;
}

.black {
    color: black;
}

.bg-red {
    background-color: red;
}

.bg-blue {
    background-color: blue;
}

.bg-green {
    background-color: green;
}

.bg-white {
    background-color: white;
}

.bg-black {
    background-color: black;
}


/* grays */


.gray {
    color: gray;
}

.bg-gray {
    background-color: gray;
}

.gray-8 {
    color: #888;
}

.bg-gray-8 {
    background-color: #888;
}

.gray-9 {
    color: #999;
}

.bg-gray-9 {
    background-color: #999;
}

.gray-a {
    color: #aaa;
}

.bg-gray-a {
    background-color: #aaa;
}

.gray-b {
    color: #bbb;
}

.bg-gray-b {
    background-color: #bbb;
}

.gray-c {
    color: #ccc;
}

.bg-gray-c {
    background-color: #ccc;
}

.gray-d {
    color: #ddd;
}

.bg-gray-d {
    background-color: #ddd;
}

.gray-e {
    color: #eee;
}

.bg-gray-e {
    background-color: #eee;
}

/* fonts */


.bold,
.f-bold {
    font-weight: bold;
}

.f-n {
    font-weight: normal;
}


/* texts */


.t-d-none,
.t-d-none:hover {
    text-decoration: none;
}

.t-d-ul {
    text-decoration: underline;
}


/* displays */


.inline,
.il,
.d-il {
    display: inline;
}

.block,
.blk,
.d-blk {
    display: block;
}

.inline-block,
.il-blk,
.d-il-blk {
    display: inline-block;
}

.hide,
.d-none {
    display: none;
}


/* positions */


.position-absolute,
.p-a {
    position: absolute;
}

.position-relative,
.p-r {
    position: relative;
}

.position-fixed,
.p-f {
    position: fixed;
}

.position-static,
.p-s {
    position: static;
}
